import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)

//创建store 实例对象
const store = new Vuex.Store({
    state: {
        routes: []  // 存放全局数据的
    },
    mutations: { // 存放同步方法，修改state 中的值
        setRoutes(state, routes) {
            state.routes = routes
        },
        clearRoutes(state) {
            state.routes = []
        }
    },
    actions: { // 存放异步方法，其实还是调用的同步mutations中的方法修改的state的值
        setRoutesAsync(context, routes) {
            context.commit('setRoutes', routes)
        }

    },
    getters: { // 相当于组件中的计算属性computed
        getRoutes(state) {
            return state.routes
        }
    }
})

// console.log(1, store);
export default store